<script lang="ts" setup>
  import { ref } from 'vue';
  import dayjs, { Dayjs } from 'dayjs';
  import { SmileOutlined } from '@ant-design/icons-vue';
  import TimePicker from '@sscd/time-picker';
  const value = ref<Dayjs>();
</script>

<template>
  <div class="demo">
    <div class="demo-title">后缀图标</div>
    <div class="demo-content">
      <TimePicker v-model:value="value" :default-value="dayjs('00:00:00', 'HH:mm:ss')">
        <template #suffixIcon><smile-outlined /></template>
      </TimePicker>
    </div>
  </div>
</template>
